@charset "UTF-8";
@import "base.scss";
@import "common.scss";

main{
  position: absolute;
  top: 20vw;
  bottom: 17vw;
  overflow: auto;
  .active {
    width: 100vw;
    height: 22vw;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    .run{
      width: 20vw;
      height: 20vw;
      overflow: hidden;
      border-radius: 50%;
      text-align: center;
      img{
        width: 100%;
        margin: 0 -100%;
      }
    }
  }
  .text {
    width: 100vw;
    height: 10vw;
    ul{
      li{
        float: left;
        line-height: 6vw;
        margin: 0 8vw;
      }
    }
  }
  .buy{
    width: 100vw;
    height: 14vw;
    .buy_left span{
      line-height: 14vw;
      font-size: 4vw;
      margin-left: 3vw;
    }
    .buy_right span{
      line-height: 14vw;
      font-size: 4vw;
      margin-right: 3vw;
    }
  }
  .foods {
    width: 100vw;
    height: 18vw;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    .run{
      width: 18vw;
      height: 18vw;
      overflow: hidden;
      img{
        margin: 0 -100%;
      }
    }
  }
}